<template>
  <div class="loading">
    <img src="./loading.svg" width="32" height="32" alt="">
    <p class="desc">{{title}}</p>
  </div>
</template>

<script>
export default {
  name: 'loading',
  props: {
    title: {
      type: String,
      default: '正在载入...'
    }
  }
}
</script>

<style lang="less" scoped>
  @import "~common/css/variable";
  .loading {
    width: 100%;
    text-align: center;
    .desc {
      line-height: 20px;
      font-size: @font-size-small;
      color: @color-text-l;
    }
  }
</style>
